<template>
	<div class="search">
		<div class="header">搜索</div>
		<div class="content-input">
			<span class="input">请输入商家或美食名称</span>
			<span class="submit">提交</span>
		</div>
	</div> 	
</template>

<script>
	export default{

	}
</script>

<style lang="stylus" scoped>
 	@import "~common/stylus/mixin.styl"
	.header
		width 100%
		height 40px
		background-color $yellow
		text-align center
		color $text
		font-size 16px
		line-height 40px
	.content-input
		font-size 0
		margin-top 4px
		display flex
		padding 0 6px
		.input 
			flex 1
			line-height 32px
			font-size 12px
			background-color #c3c3c32e
			padding-left 5px
			color rgba(7,17,27,0.7)
			margin-right 4px
			border-radius 5px
		.submit
			background-color $yellow
			width 70px
			flex 0 0 70px
			font-size 14px
			line-height 32px
			text-align center
			color $text 	
</style>